<!DOCTYPE html>
<html lang="zh-cmn-Hans">
<head>
    <meta charset="UTF-8">
    <title>菜单管理</title>
    <link rel="stylesheet" type="text/css" href="../css/index.css?v=_VERSION_"/>
    <script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
    <script language="javascript" type="text/javascript" src="../js/My97DatePicker/WdatePicker.js"></script>
</head>
<body>


<!--js tab 切换-->
<script type="text/javascript">
    //                function showrord(showrordid,e){
    //                    me = $(e);
    //                    $(' .titlep a').removeClass('act');
    //                    me.addClass('act');
    //                    $('.recotab' + showrordid).show().siblings('.contectp2').hide();
    //                }
    $(function () {
        $(".titlep a").click(function () {
            var indexs = $(this).index();
            $(this).addClass("act").siblings("a").removeClass("act")
            console.log(parseInt(indexs + 1))
            $(".titlepbox .contectp2:nth-child(" + parseInt(indexs) + ")").show().siblings().hide()
        })
    })
</script>


<div class="menu-main">

    <div class="mainp-info">
        <div class="titlep">
            <span class="lintp"></span>
            <a title="顶部导航" class="act" style="cursor: pointer;">顶部导航<em></em></a>
            <a title="主导航" style="cursor: pointer;">主导航<em></em></a>
            <a title="网站底部" style="cursor: pointer;">网站底部<em></em></a>
            <a title="常见问题" style="cursor: pointer;">常见问题<em></em></a>
            <a title="个人中心" style="cursor: pointer;">个人中心<em></em></a>
            <a title="管理中心" style="cursor: pointer;">管理中心<em></em></a>
            <a title="内容管理系统" style="cursor: pointer;">内容管理系统<em></em></a>
        </div>

        <div class="titlepbox">

            <div class="contectp2 recotab" style="display: block;">
                <ul>
                    <li>
                        <span class="th1">显示顺序</span>
                        <span class="th2">菜单名称</span>
                        <span class="th3">菜单编码</span>
                        <span class="th4">连接</span>
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="01" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                        <input type="text" name="" value="" class="menu-input4">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="02" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                        <input type="text" name="" value="" class="menu-input4">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="03" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                        <input type="text" name="" value="" class="menu-input4">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="04" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                        <input type="text" name="" value="" class="menu-input4">
                    </li>


                    <li>
                        <div class="a-box">
                            <a href="" class="td-a2">-&nbsp;删除</a>
                            <a href="" class="td-a">+&nbsp;新增</a>
                        </div>
                    </li>
                </ul>
            </div>


            <!--2-->
            <div class="contectp2 recotab2">

                <ul>
                    <li>
                        <span class="th1">显示顺序</span>
                        <span class="th2">名称</span>
                        <span class="th3">连接</span>
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="01" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="02" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="03" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="04" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>


                    <li>
                        <div class="a-box">
                            <a href="" class="td-a2">-&nbsp;删除</a>
                            <a href="" class="td-a">+&nbsp;新增</a>
                        </div>
                    </li>
                </ul><

            </div>


            <!--3-->
            <div class="contectp2 recotab2">

                <ul>
                    <li>
                        <span class="th1">显示顺序</span>
                        <span class="th2">名称</span>
                        <span class="th3">连接</span>
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="01" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="02" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="03" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="04" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>


                    <li>
                        <div class="a-box">
                            <a href="" class="td-a2">-&nbsp;删除</a>
                            <a href="" class="td-a">+&nbsp;新增</a>
                        </div>
                    </li>
                </ul>

            </div>


            <!--4-->
            <div class="contectp2 recotab2">

                <ul>
                    <li>
                        <span class="th1">显示顺序</span>
                        <span class="th2">名称</span>
                        <span class="th3">连接</span>
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="01" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="02" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="03" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="04" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>


                    <li>
                        <div class="a-box">
                            <a href="" class="td-a2">-&nbsp;删除</a>
                            <a href="" class="td-a">+&nbsp;新增</a>
                        </div>
                    </li>
                </ul>

            </div>


            <!--5-->
            <div class="contectp2 recotab2">

                <ul>
                    <li>
                        <span class="th1">显示顺序</span>
                        <span class="th2">名称</span>
                        <span class="th3">连接</span>
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="01" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="02" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="03" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="04" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>


                    <li>
                        <div class="a-box">
                            <a href="" class="td-a2">-&nbsp;删除</a>
                            <a href="" class="td-a">+&nbsp;新增</a>
                        </div>
                    </li>
                </ul>

            </div>


            <!--6-->
            <div class="contectp2 recotab2">

                <ul>
                    <li>
                        <span class="th1">显示顺序</span>
                        <span class="th2">名称</span>
                        <span class="th3">连接</span>
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="01" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="02" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="03" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="04" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>


                    <li>
                        <div class="a-box">
                            <a href="" class="td-a2">-&nbsp;删除</a>
                            <a href="" class="td-a">+&nbsp;新增</a>
                        </div>
                    </li>
                </ul>

            </div>


            <!--7-->
            <div class="contectp2 recotab2">

                <ul>
                    <li>
                        <span class="th1">显示顺序</span>
                        <span class="th2">名称</span>
                        <span class="th3">连接</span>
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="01" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="02" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="03" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>

                    <li>
                        <label><input name="Selected" type="checkbox" value=""/></label>
                        <input type="text" name="" value="04" class="menu-input1">
                        <input type="text" name="" value="" class="menu-input2">
                        <input type="text" name="" value="" class="menu-input3">
                    </li>


                    <li>
                        <div class="a-box">
                            <a href="" class="td-a2">-&nbsp;删除</a>
                            <a href="" class="td-a">+&nbsp;新增</a>
                        </div>
                    </li>
                </ul>

            </div>


            <!--div底部-->
        </div>

    </div>

    <div class="menu-box3">
        <input type="button" onclick="history.back();" id="" value="保存" class="newsub">
    </div>




</div>


</body>
</html>